﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="~/Scripts/jquery-2.1.3.min.js"></script>
    <script src="~/Widget/pagefooter/js/pagefooter.js"></script>
    <style>
        /*body {
            position: relative;
            width: 100%;
            min-height: 100%;
            padding-bottom: 30px;
        }

            body label {
                line-height: 60px;
                text-align: right;
                color: black;
            }

        #orgNames {
            line-height: 20px;
            text-align: left;
        }

        .footer {
            height: 60px;
            position: fixed;
            bottom: 0px;
            text-align: center;
            line-height: 60px;
            left: 0px;
            background-color: #1266ce;
            color: white;
            width: 100%;
        }

            .footer > div:last-child {
                line-height: 60px;
                text-align: center;
                font-size: 50px;
            }

                .footer > div:last-child > a {
                  color:black;
                }*/
    </style>

    <script>
        //$(document).ready(function () {
        //    $.ajax({
        //        url: "/Account/GetOrgizaions?ran=" + Math.random(),
        //        dataType: "json",
        //        type: "GET",
        //        success: function (data) {
        //            debugger;
        //            $.each(data, function (index, item) {
        //                orgList.push(item.Name);
        //                if (index < 3) {
        //                    $("#orgNames").append($("<li>" + item.Name + "</li>"));
        //                }
        //            })
        //        }
        //    });
        //    setInterval("GetOrgizations()", 3000);


        //})
        //var orgList = new Array();
        //var position = 0;
        //function GetOrgizations() {
        //    //todo: 算法改造
        //    if (position + 2 < orgList.length) {
        //        $("#orgNames").html("");
        //        $("#orgNames").append($("<li>" + orgList[position] + "</li>"));
        //        $("#orgNames").append($("<li>" + orgList[position + 1] + "</li>"));
        //        $("#orgNames").append($("<li>" + orgList[position + 2] + "</li>"));
        //        position = position + 2;

        //    } else {
        //        if (orgList.length - position == 1) {
        //            $("#orgNames").html("");
        //            $("#orgNames").append($("<li>" + orgList[position] + "</li>"));
        //            $("#orgNames").append($("<li>" + orgList[0] + "</li>"));
        //            $("#orgNames").append($("<li>" + orgList[1] + "</li>"));
        //            position = 1;
        //        }

        //        if (orgList.length - position == 2) {
        //            $("#orgNames").html("");
        //            $("#orgNames").append($("<li>" + orgList[position] + "</li>"));
        //            position++;
        //            $("#orgNames").append($("<li>" + orgList[position] + "</li>"));
        //            $("#orgNames").append($("<li>" + orgList[0] + "</li>"));
        //            position = 0;
        //        }
        //    }
        //}
    </script>
</head>
<body>
    <div>
        测试
    </div>

    @* <div class='footer container-fluid'>
        <div class="col-xs-7">
            <label class="col-xs-3">客户:</label>
            <div class="col-xs-9">
                <ul id="orgNames" class="list-unstyled">
                </ul>
            </div>
        </div>
        <div class="col-xs-5">
            <a href='http://localhost:42353/Join/JoinSuccess'>Join Now</a>
        </div>
    </div>*@
</body>
</html>
